<?php $this->load->view('header'); ?>
		<link href="/css/portal.css" rel="stylesheet" type="text/css">
		
		<div class="content">
	  		<div class="banner" id="banner_tabs">
		    	<ul>
			      	<li style="z-index: 0; opacity: 1; ">
					     <!-- 
					      	<a href="http://www.testin.cn/portal.action?op=Portal.realauto" target="_blank">
					      -->
					      <img src="/img/index_banner_sh.jpg" width="980" height="250" alt="">
		      			<!-- 
					      	</a>
				      	-->
			      	</li>
			      	<li style="z-index: 1; ">
			      		<!-- 
			      			<a href="http://appmatch.testin.cn/" target="_blank">
		      			-->
		      			<img src="/img/index_banner_appmatch.png" width="980" height="250" alt="">
		      			<!--      			
		      				</a>
		      			 -->
      				</li>
		    	</ul>
	    		<cite> <span class="">适配测试</span> <span class="cur">适配挑战赛</span> </cite>
			</div>
		  	<script type="text/javascript">
				(function(){
				    if(!Function.prototype.bind){
				        Function.prototype.bind = function(obj){
				            var owner = this,args = Array.prototype.slice.call(arguments),callobj = Array.prototype.shift.call(args);
				            return function(e){e=e||top.window.event||window.event;owner.apply(callobj,args.concat([e]));};
				        };
				    }
				})();
				var banner_tabs = function(id){
				    this.ctn = document.getElementById(id);
				    this.adLis = null;
				    this.btns = null;
				    this.animStep = 0.1;//动画速度0.1～0.9
				    this.switchSpeed = 5;//自动播放间隔(s)
				    this.defOpacity = 1;
				    this.tmpOpacity = 1;
				    this.crtIndex = 0;
				    this.crtLi = null;
				    this.adLength = 0;
				    this.timerAnim = null;
				    this.timerSwitch = null;
				    this.init();
				};
				banner_tabs.prototype = {
				    fnAnim:function(toIndex){
				        if(this.timerAnim){window.clearTimeout(this.timerAnim);}
				        if(this.tmpOpacity <= 0){
				            this.crtLi.style.opacity = this.tmpOpacity = this.defOpacity;
				            this.crtLi.style.filter = 'Alpha(Opacity=' + this.defOpacity*100 + ')';
				            this.crtLi.style.zIndex = 0;
				            this.crtIndex = toIndex;
				            return;
				        }
				        this.crtLi.style.opacity = this.tmpOpacity = this.tmpOpacity - this.animStep;
				        this.crtLi.style.filter = 'Alpha(Opacity=' + this.tmpOpacity*100 + ')';
				        this.timerAnim = window.setTimeout(this.fnAnim.bind(this,toIndex),50);
				    },
				    fnNextIndex:function(){
				        return (this.crtIndex >= this.adLength-1)?0:this.crtIndex+1;
				    },
				    fnSwitch:function(toIndex){
				        if(this.crtIndex==toIndex){return;}
				        this.crtLi = this.adLis[this.crtIndex];
				        for(var i=0;i<this.adLength;i++){
				            this.adLis[i].style.zIndex = 0;
				        }
				        this.crtLi.style.zIndex = 2;
				        this.adLis[toIndex].style.zIndex = 1;
				        for(var i=0;i<this.adLength;i++){
				            this.btns[i].className = '';
				        }
				        this.btns[toIndex].className = 'cur'
				        this.fnAnim(toIndex);
				    },
				    fnAutoPlay:function(){
				        this.fnSwitch(this.fnNextIndex());
				    },
				    fnPlay:function(){
				        this.timerSwitch = window.setInterval(this.fnAutoPlay.bind(this),this.switchSpeed*1000);
				    },
				    fnStopPlay:function(){
				        window.clearTimeout(this.timerSwitch);
				    },
				    init:function(){
				        this.adLis = this.ctn.getElementsByTagName('li');
				        this.btns = this.ctn.getElementsByTagName('cite')[0].getElementsByTagName('span');
				        this.adLength = this.adLis.length;
				        for(var i=0,l=this.btns.length;i<l;i++){
				            with({i:i}){
				                this.btns[i].index = i;
				                this.btns[i].onclick = this.fnSwitch.bind(this,i);
				                this.btns[i].onclick = this.fnSwitch.bind(this,i);
				            }
				        }
				        this.adLis[this.crtIndex].style.zIndex = 2;
				        this.fnPlay();
				        this.ctn.onmouseover = this.fnStopPlay.bind(this);
				        this.ctn.onmouseout = this.fnPlay.bind(this);
				    }
				};
				var player1 = new banner_tabs('banner_tabs');
			</script>
		  	<div class="app_realauto">
				<div class="app_upload">
					<strong>90秒！检测你的APP适配性能</strong>
					<button type="button" value="" onclick="addFastAdapt()">上传APK检测</button>
				</div>
				<div class="app_list">
		        <h3>
		        	<strong>累计测试
			        	<em id="counter" style="height: 30px; overflow: hidden; ">
				        	<div id="cnt_8" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: 0px; background-position: initial initial; background-repeat: initial initial; "></div>
				        	<div id="cnt_7" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: 0px; background-position: initial initial; background-repeat: initial initial; "></div>
				        	<div id="cnt_6" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: -180px; background-position: initial initial; background-repeat: initial initial; "></div>
				        	<div id="cnt_5" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: -720px; background-position: initial initial; background-repeat: initial initial; "></div>
				        	<div id="cnt_4" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: -1260px; background-position: initial initial; background-repeat: initial initial; "></div>
				        	<div id="cnt_3" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: -540px; background-position: initial initial; background-repeat: initial initial; "></div>
				        	<div id="cnt_2" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: 0px; background-position: initial initial; background-repeat: initial initial; "></div>
				        	<div id="cnt_1" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: -1260px; background-position: initial initial; background-repeat: initial initial; "></div>
				        	<div id="cnt_0" class="cntDigit" style="height: 1800px; float: left; background-image: url(/img/tpl/html/common/digits.png); width: 21px; margin-top: -900px; background-position: initial initial; background-repeat: initial initial; "></div>
			        	</em>次
			        </strong>最近通过Testin测试的APP
				</h3>
				<script type="text/javascript">
					var count = 0;
					function getCount() {
						$.getJSON("http://mapi.testin.cn/realmonitor?op=adaptTotal&jsoncallback=?",
								function(json) {
									if (json != null && json.result != undefined) {
										if (count == 0) {
											$('#counter').counter({
												origin:json.result - 22,
												to:json.result,
												digits:9
											});
										} else {
											$('#counter').counter({
												origin:count,
												to:json.result,
												digits:9
											});
										}
										count = json.result
									};
								});
					}
				
					getCount();
					setInterval(getCount, 30000);
				</script>
				<ul>
					<li>
						<img width="62" height="62" alt="" src="/img/MS8yMDEyLzA2LzEwLzI5MDEvNWE1YTM2Mg==.png">
					    <span title="豌豆荚" class="cut">豌豆荚</span>
					    <strong>适配率：保密</strong>
					</li>
					<li>
						<img width="62" height="62" alt="" src="/img/MS8yMDEyLzA2LzEwLzI5MDEvMWU5MDY3Nw==.png">
					    <span title="手机阅读" class="cut">手机阅读</span>
					    <strong>适配率：保密</strong>
					</li>
				    <li>
						<img width="62" height="62" alt="" src="/img/apk_bg.png">
					    <span title="Flight Manager116114" class="cut">Flight Manager116114</span>
					    <strong>适配率：保密</strong>
					</li>
				</ul>
			</div>
		</div>
			
		<div class="partenner">
			<h6>合作<br>伙伴</h6>
			<ul>
		    	<li><img src="/img/logo_01.png" width="139" height="53" alt="联想"></li>
		      	<li><img src="/img/logo_02.png" width="139" height="53" alt="91"></li>
		      	<li><img src="/img/logo_03.png" width="139" height="53" alt="CSDN"></li>
		      	<li>
		      		<!-- 
				      	<a href="http://www.phonegapcn.com/" target="_blank">
				      		<img src="/img/logo_04.png" width="139" height="53" alt="phonegap">
				      	</a>
			      	-->
		      	</li>
		      	<li><img src="/img/logo_05.png" width="139" height="53" alt="腾讯微博"></li>
		      	<li><img src="/img/logo_06.png" width="139" height="53" alt="车库咖啡"></li>
			</ul>
		</div>
	</div>
<?php $this->load->view('footer');?>